<template>
  <div id="app">
    <button @click="q1">点击向狙击手发射飞镖</button>
    <h3>场上的狙击手血量还剩下{{ hongtiao }}点血量</h3>
    <img :src="photo" />
  </div>
</template>

<script>
export default {
  name: "App",
  // 插值表达式使用的变量放在data函数的返回对象里
  data() {
    return {
      hongtiao: 100,
    };
  },
  methods: {
    q1() {
      if (this.hongtiao == 0) {
        confirm("狙击手已经被干掉了，请问是否鞭尸");
      } else if (this.hongtiao == -200) {
        confirm("你这王八蛋已经不是人了，就不能复活了再打？");
      }
      this.hongtiao -= 10;
    },
  },
};
</script>

<style>
div {
  color: purple;
  text-align: center;
}
</style>
